﻿<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/bootstrap/css/bootstrap.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/bootstrap/css/bootstrap-responsive.min.css")" rel="stylesheet" type="text/css" />
    <style>
        .sidebar-nav
        {
            padding: 9px 0;
        }
    </style>
    <script src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/bootstrap/bootstrap.min.js")" type="text/javascript"></script>
</head>
<body>
    <div class="container-fluid">
        <div id="header" class="row-fluid">
            <div id="title">
                <h1>
                    <a href="/">ASP.NET MVC MUSIC STORE</a>
                </h1>
            </div>
            <div id="logindisplay">
                @Html.ActionLink("登录", "LogOn", "Account")
            </div>
        </div>
        <div class="row-fluid">
            <div class="navbar">
                <div class="navbar-inner">
                    <div class="container-fluid">
                        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"></a>
                        <a class="brand" href="#">我的中文音乐商店</a>
                        <div class="nav-collapse">
                            <ul class="nav">
                                <li class="@(ViewBag.Active == "Home" ? "active" : "")">
                                    @Html.ActionLink("首页", "Index", "Home")
                                </li>
                                <li class="divider-vertical"></li>
                                <li class="@(ViewBag.Active == "Store" ? "active" : "")">
                                    @Html.ActionLink("商店", "Index", "Store")
                                </li>
                                <li class="divider-vertical"></li>
                                <li class="@(ViewBag.Active == "StoreManager" ? "active" : "")">
                                    @Html.ActionLink("商店管理", "Index", "StoreManager")
                                </li>
                                <li class="divider-vertical"></li>
                                <li class="@(ViewBag.Active == "ShoppingCart" ? "active" : "")">
                                    @{Html.RenderAction("CartSummary", "ShoppingCart");}
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row-fluid">
            <!--左边导航 -->
            <div class="span2">
                @{Html.RenderAction("GenreMenu", "Store");}
            </div>
            <div class="span10">
                @RenderBody()
            </div>
        </div>
        <div id="footer" class="row-fluid">
            built with <a href="#">ASP.NET MVC 3</a>
        </div>
    </div>
</body>
</html>
